<html lang="en">
<head>
    <meta charset="utf-8">
    <title>计算机协会</title>

    <!-- mobile responsive meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <meta http-equiv="X-UA-Compatible" content="IE=edge"><!--ie使用edge渲染模式-->
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
    <meta name="renderer" content="webkit"><!--360渲染模式-->
    <meta name="format-detection" content="telephone=notelphone=no, email=no" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <meta name="apple-touch-fullscreen" content="yes"><!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- 设置苹果工具栏颜色:默认值为 default，可以定为 black和 black-translucent-->
    <meta http-equiv="Cache-Control" content="no-siteapp" /><!-- 不让百度转码 -->
    <meta name="HandheldFriendly" content="true"><!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
    <meta name="MobileOptimized" content="320"><!-- 微软的老式浏览器 -->
    <meta name="screen-orientation" content="portrait"><!-- uc强制竖屏 -->
    <meta name="x5-orientation" content="portrait"><!-- QQ强制竖屏 -->
    <meta name="browsermode" content="application"><!-- UC应用模式 -->
    <meta name="x5-page-mode" content="app"><!-- QQ应用模式 -->
    <meta name="msapplication-tap-highlight" content="no"><!-- windows phone 点击无高光 -->



    <!-- Stylesheets -->
    <link href="../css/bootstrap.css" rel="stylesheet"  type="text/css">
    <link href="../css/style.css" rel="stylesheet"  type="text/css">
    <link href="../css/responsive.css" rel="stylesheet"  type="text/css">
    <link href="../css/jx_web_style.css" rel="stylesheet" type="text/css">

    <!-- Color Style -->
    <link rel="stylesheet" href="../css/switcher.css"  type="text/css">
    <link rel="stylesheet" href="#" id="colors"  type="text/css">
    <link rel="stylesheet" href="../css/index.css" />

    <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>


</head>

<script>
    //板块代号宏
    var INDEX_INDEX = 0
    var INTROHTML_INDEX = 1;
    var STRUCTHTML_INDEX = 2;
    var NEWSHTML_INDEX = 3;
    var EXAMHTML_INDEX = 4;

    //文章所属板块
    var _belongs = EXAMHTML_INDEX;



    $(function(){
        switch (artical_belongs){
            //协会介绍 板块高亮
            case INTROHTML_INDEX:
                $("#li_introhtml").css("background","#1761a0");
                break;
            case STRUCTHTML_INDEX:
                break;
            case EXAMHTML_INDEX:
                break;
        }
    })




</script>

<body>
<div class="page-wrapper">

    <!--Header Top-->
    <section class="header-top">
        <div class="container clearfix">
            <div class="left-side pull-left">
                <div class="logo">
                </div>
            </div>
            <ul class="right-side pull-right clearfix">
                <li class="item">
                    <div class="icon-box">
                        <i class="flaticon-signs"></i>
                    </div>
                    <h4>地址</h4>
                    <p>中国/安徽/芜湖</p>
                </li>
                <li class="item">
                    <div class="icon-box">
                        <i class="flaticon-technology"></i>
                    </div>
                    <h4>联系我们</h4>
                    <p>+178-5533-6258</p>
                </li>
                <li class="item">
                    <div class="icon-box">
                        <i class="flaticon-message"></i>
                    </div>
                    <h4>邮件</h4>
                    <p>1961679648@qq.com</p>
                </li>
            </ul>
        </div>
    </section>
    <!--End Header Top-->

    <!--Main Header-->
    <header class="main-header sticky-header">
        <div class="container clearfix">
            <nav class="main-menu">
                <div class="navbar-header">
                    <!-- Toggle Button -->
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <div class="navbar-collapse collapse clearfix">
                    <ul class="navigation clearfix">
                        <li><a href="../index.html">首页</a></li>
                        <li><a href="introHtml.html">协会介绍</a></li>
                        <li><a href="structHtml.html">组织架构</a></li>
                        <li><a href="newsHtml.html">活动新闻</a></li>
                        <li><a href="examHtml.html">在线测试</a></li>
                        <li><a href="znzyHtml.html">智能之翼实验室</a></li>
                        <li><a href="gameHtml.html">轻松一下</a></li>
                    </ul>
                </div>
            </nav>
            <div class="nav-icon-wrap">
                <div class="search-wrap">
                    <i class="fa fa-search"></i>
                    <div class="search-form-wrap">
                        <form class="search-form">
                            <input type="search" name="search" value="" placeholder="Search...">
                            <input type="submit" name="submit" value="Search">
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!--End Main Header -->

    <section class="service-details">
        <div class="container">
            <div class="row">
                <!--扎死王杰小游戏-->
                <iframe scrolling="no" id="gameiFrame" name="gameiFrame" width="100%" height="80%" frameborder="0" src="../game/game1.html"></iframe>
            </div>
        </div>
    </section>


<!--Footer Section-->
<footer class="main-footer">
    <div class="footer-bottom text-center">
        <div class="container">
            <div class="footer-bottom text-center">
                <div class="copyright">
                    <h4> Copyright &copy; 2018.计算机协会保留所有权利.</h4>
                </div>

                <div class="link">
                    <ul>
                        <li class="li"><a href="http://aiit.iflysse.com" target="_blank"  style="color: #e8e8e8">博思智慧学习平台</a></li>
                        <li class="li"><a href="http://www.ahpumec.edu.cn/" target="_blank" style="color: #e8e8e8">安徽信息工程学院</a></li>
                        <li></li>
                        <li class="li"><a href="http://gmizps.axshare.com" target="_blank" style="color: #e8e8e8">项目在线学习平台</a></li>
                        <li class="li"><a href="http://http://projecton.cn" target="_blank" style="color: #e8e8e8">学科竞赛报名系统</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</footer>
<!--End Footer Section-->


</div>
<!--End pagewrapper-->

<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target=".header-top"><span class="icon fa fa-angle-up"></span></div>

<script src="../js/bootstrap.min.js"></script>
<script src="../js/script.js"></script>

</body>
</html>